<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>水处理信息采集卡</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="http://wx.newamstar.com:8078/newstar/public/js/layui.js"></script>
    <link rel="stylesheet" href="http://wx.newamstar.com:8078/newstar/public/css/layui.css">
</head>
<body>
<style>
    .layui-form-label {width: 180px !important;text-align: left !important;}
    .layui-input-block {margin-left: 210px !important;}
</style>
<div id="app">
    <form class="layui-form" action="" style="width: 100%;margin-top: 20px;">
        <div class="layui-form-item">
            <label class="layui-form-label">客户bpm编码:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入客户bpm编码" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">客户项目编码:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入客户项目编码" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">客户项目名称:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入客户项目名称" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">客户类型:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入客户类型" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">商务对接人:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入商务对接人" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">申请人:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入申请人" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">申请日期:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入申请日期" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">方案设计类型:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入方案设计类型" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">资料类型:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入资料类型" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">方案资料名称:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入方案资料名称" class="layui-input">
            </div>
        </div>
        <!--        单选  需要/不需要   -->
        <div class="layui-form-item">
            <label class="layui-form-label">设备参考报价:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入设备参考报价" class="layui-input">
            </div>
        </div>
        <!--        水源水质报告  单选+附件  有/无  （【A15水源水质报告】选择“有”时上传附件必填，选择“无”时，附件控件失效）-->
        <!--        当【A15水源水质报告】选择“无”时弹出，当【A15水源水质报告】选择“有”时失效-->
        <div class="layui-form-item">
            <label class="layui-form-label">水源水质报告:</label>
            <div class="layui-input-block">
                <select name="interest" lay-filter="aihao">
                    <option value=""></option>
                    <option value="0" selected="">无</option>
                    <option value="1">有</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">原水出水水量（m3/h）:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入原水出水水量（m3/h）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">水温（℃）:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入水温（℃）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">PH值:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入PH值" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">氯离子（mg/L）:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氯离子（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">氟含量（mg/L）:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">锰离子（mg/L）:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">铁离子（mg/L）:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">溴化物（mg/L）:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">二氧化硅（mg/L）:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">TDS（mg/L）:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">浊度(NTU):</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">溴酸盐（mg/L）:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">硬度（以CaCO3计 mg/L）:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">水源中是否含有二氧化碳:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">菌落总数:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">总大肠菌群:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入氟含量（mg/L）" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">假单胞铜绿菌:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入假单胞铜绿菌" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">其他指标*:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入其他指标*" class="layui-input">
            </div>
        </div>





        <!--        水源水质报告  单选+附件  有/无  （【A15水源水质报告】选择“有”时上传附件必填，选择“无”时，附件控件失效）-->
        <div class="layui-form-item">
            <label class="layui-form-label">报告网盘地址:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入水源水质报告的网盘地址" class="layui-input">
            </div>
        </div>
        <!--        浅层地表水/地下水/自来水/海水-->
        <div class="layui-form-item">
            <label class="layui-form-label">水源地:</label>
            <div class="layui-input-block">
                <select name="interest" lay-filter="aihao">
                    <option value=""></option>
                    <option value="0" selected="">浅层地表水</option>
                    <option value="1">地下水</option>
                    <option value="1">自来水</option>
                    <option value="1">海水</option>
                </select>
            </div>
        </div>
        <!--        是/否  （【A16水源地】为“浅层地表水”、“地下水”时选择控件有效，否则失效）-->
        <div class="layui-form-item">
            <label class="layui-form-label">矿泉水水源:</label>
            <div class="layui-input-block">
                <select name="interest" lay-filter="aihao">
                    <option value=""></option>
                    <option value="1" selected="">是</option>
                    <option value="2">否</option>
                </select>
            </div>
        </div>

        <!--        产品/设备清洗/包材清洗/锅炉用水（此处为复选框，设置成可多选功能）-->
{{--        <div class="layui-form-item">--}}
{{--            <label class="layui-form-label">产水主要用途</label>--}}
{{--            <div class="layui-input-block">--}}
{{--                <input type="checkbox" name="like[write]" title="产品" checked="">--}}
{{--                <input type="checkbox" name="like[read]" title="设备清洗">--}}
{{--                <input type="checkbox" name="like[game]" title="包材清洗">--}}
{{--                <input type="checkbox" name="like[game]" title="锅炉用水">--}}
{{--            </div>--}}
{{--        </div>--}}
        <div class="layui-form-item" pane="">
            <label class="layui-form-label">原始复选框</label>
            <div class="layui-input-block">
                <input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">
                <input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">
                <input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">
            </div>
        </div>
    </form>
</div>
<script type="text/javascript">
    layui.use('form',function(){
        const form = layui.form;
        form.render();
    });
</script>
{{--<script>--}}
{{--    let vm = new Vue({--}}
{{--        el:"#app",--}}
{{--        data(){--}}
{{--            let obj ={msg:"123",s1:"",s2:"",show1:false}--}}
{{--            return obj;--}}
{{--        },--}}
{{--        methods:{--}}
{{--            aaa(){--}}
{{--                if(this.s1=='1' && this.s2=='2'){--}}
{{--                    this.show1=true;--}}
{{--                }else{--}}
{{--                    this.show1=false;--}}
{{--                }--}}
{{--            }--}}
{{--        }--}}
{{--    })--}}
{{--</script>--}}

</body>
</html>
